<template>
  <div class="box">
    <nav>魅丽图书专营店</nav>
    <div class="jianjie">
      <div class="left">
        <div class="img1"></div>
        <p>收藏</p>
      </div>
      <div class="right">
        <p>魅丽图书专营店</p>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "Work",
  data() {
    return {};
  },
};
</script>
<style lang="scss" scoped>
nav {
  background: rgb(231, 226, 226);
  text-align: center;
  padding: 10px 0;
}
.jianjie {
  height: 70vh;
  background: #999;
  .left {
    float: left;
    .img1 {
      width: 80px;
      height: 80px;
      background: #000;
      border-radius: 10px;
      margin: 50px 0 0 40px;
    }
    p {
      font-size: 10px;
      color: white;
      line-height: 100px;
      margin: 20px 0 0 50px;
    }
  }
}
</style>